<template>
    <div class="ambient_add_index" v-loading="state.loading">
        <Menu />
        <List v-if="state.formData.fingerprint_id" />
        <Preview v-if="state.formData.fingerprint_id && !state.expandDiv" />
        <PreviewNone v-if="state.formData.fingerprint_id && state.expandDiv" />
    </div>
</template>

<script setup>
import Menu from "./components/Menu.vue";
import List from "./components/List.vue";
import Preview from "./components/Preview.vue";
import PreviewNone from "./components/PreviewNone.vue";

const { store, state } = inject('storejs')
</script>

<style lang="scss" scoped>
.ambient_add_index {
    // flex: 1;
    height: calc(100% - 134px);
    display: flex;
}
</style>